<include file="public/header"/>
<link href="__TMPL__/public/assets/css/plugins/iCheck/custom.css" rel="stylesheet">
<link href="__TMPL__/public/assets/js/plugins/gritter/jquery.gritter.css" rel="stylesheet">
<link href="__TMPL__/public/assets/css/plugins/fullcalendar/fullcalendar.css" rel="stylesheet">
<link href="__TMPL__/public/assets/css/plugins/fullcalendar/fullcalendar.print.css" rel="stylesheet">
<link rel="stylesheet" href="__STATIC__/js/bootstrap-datetimepicker/css/bootstrap-datetimepicker.css">


<link href="__TMPL__/public/assets/css/plugins/datapicker/datepicker3.css" rel="stylesheet">

</head>

<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row animated fadeInDown">
        <div class="col-sm-6">
            <div>
                <table class="table">
                    <tbody>
                    <tr>
                        <td>
                            <button type="button" class="btn btn-danger m-r-sm">12</button>
                            消息
                        </td>
                        <td>
                            <button type="button" class="btn btn-primary m-r-sm">28</button>
                            文章
                        </td>
                        <td>
                            <button type="button" class="btn btn-info m-r-sm">15</button>
                            评论
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <button type="button" class="btn btn-info m-r-sm">20</button>
                            新闻
                        </td>
                        <td>
                            <button type="button" class="btn btn-success m-r-sm">40</button>
                            赞
                        </td>
                        <td>
                            <button type="button" class="btn btn-danger m-r-sm">30</button>
                            通知
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <button type="button" class="btn btn-warning m-r-sm">20</button>
                            专辑
                        </td>
                        <td>
                            <button type="button" class="btn btn-default m-r-sm">40</button>
                            群组
                        </td>
                        <td>
                            <button type="button" class="btn btn-warning m-r-sm">30</button>
                            权限
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div>
                <div class="row">
                    <div class="col-md-6">
                        <div class="ibox-content text-center">
                            <h1>奔波儿灞</h1>
                            <div class="m-b-sm">
                                <img alt="image" class="img-circle" src="__TMPL__/public/assets/img/a8.jpg">
                            </div>
                            <p class="font-bold">CEO</p>

                            <div class="text-center">
                                <a class="btn btn-xs btn-white"><i class="fa fa-thumbs-up"></i> 赞 </a>
                                <a class="btn btn-xs btn-primary"><i class="fa fa-heart"></i> 收藏</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="ibox-content">
                            <div>
                                <div>
                                    <span>内存</span>
                                    <small class="pull-right">10/200 GB</small>
                                </div>
                                <div class="progress progress-small">
                                    <div style="width: 60%;" class="progress-bar"></div>
                                </div>

                                <div>
                                    <span>带宽</span>
                                    <small class="pull-right">20 GB</small>
                                </div>
                                <div class="progress progress-small">
                                    <div style="width: 50%;" class="progress-bar"></div>
                                </div>

                                <div>
                                    <span>占用</span>
                                    <small class="pull-right">73%</small>
                                </div>
                                <div class="progress progress-small">
                                    <div style="width: 40%;" class="progress-bar"></div>
                                </div>

                                <div>
                                    <span>FTP</span>
                                    <small class="pull-right">400 GB</small>
                                </div>
                                <div class="progress progress-small">
                                    <div style="width: 20%;" class="progress-bar progress-bar-danger"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <div class="col-sm-6">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>我的任务日历 </h5>
                    <div class="ibox-tools">

                        <a class="btn btn-sm btn-primary" href="#modal-form-renwu" data-toggle="modal">
                            新建日历任务
                        </a>

                    </div>
                </div>
                <div class="ibox-content">
                    <div id="calendar"></div>
                </div>
            </div>

        </div>
    </div>
    <div class="row">
        <div class="col-sm-6">
            <div class="widget navy-bg no-padding">
                <div class="p-m">
                    <h1 class="m-xs">&yen; 1,540</h1>

                    <h3 class="font-bold no-margins">
                        年收入
                    </h3>
                    <small>项目年收入</small>
                </div>
                <div class="flot-chart">
                    <div class="flot-chart-content" id="flot-chart1"></div>
                </div>
            </div>
        </div>
        <div class="col-sm-3">
            <div class="widget lazur-bg no-padding">
                <div class="p-m">
                    <h1 class="m-xs">&yen; 210,660</h1>

                    <h3 class="font-bold no-margins">
                        月收入
                    </h3>
                    <small>项目年收入</small>
                </div>
                <div class="flot-chart">
                    <div class="flot-chart-content" id="flot-chart2"></div>
                </div>
            </div>
        </div>
        <div class="col-sm-3">
            <div class="widget yellw-bg no-padding">
                <div class="p-m">
                    <h1 class="m-xs">&yen; 50,992</h1>

                    <h3 class="font-bold no-margins">
                        半年收入
                    </h3>
                    <small>市场销售额</small>
                </div>
                <div class="flot-chart">
                    <div class="flot-chart-content" id="flot-chart3"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-2">
            <div class="widget style1 navy-bg">
                <div class="row vertical-align">
                    <div class="col-xs-3">
                        <i class="fa fa-user fa-3x"></i>
                    </div>
                    <div class="col-xs-9 text-right">
                        <h2 class="font-bold">217</h2>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-2">
            <div class="widget style1 navy-bg">
                <div class="row vertical-align">
                    <div class="col-xs-3">
                        <i class="fa fa-thumbs-up fa-3x"></i>
                    </div>
                    <div class="col-xs-9 text-right">
                        <h2 class="font-bold">400</h2>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-2">
            <div class="widget style1 navy-bg">
                <div class="row vertical-align">
                    <div class="col-xs-3">
                        <i class="fa fa-rss fa-3x"></i>
                    </div>
                    <div class="col-xs-9 text-right">
                        <h2 class="font-bold">10</h2>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-2">
            <div class="widget style1 lazur-bg">
                <div class="row vertical-align">
                    <div class="col-xs-3">
                        <i class="fa fa-phone fa-3x"></i>
                    </div>
                    <div class="col-xs-9 text-right">
                        <h2 class="font-bold">120</h2>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-2">
            <div class="widget style1 lazur-bg">
                <div class="row vertical-align">
                    <div class="col-xs-3">
                        <i class="fa fa-euro fa-3x"></i>
                    </div>
                    <div class="col-xs-9 text-right">
                        <h2 class="font-bold">462</h2>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-2">
            <div class="widget style1 yellow-bg">
                <div class="row vertical-align">
                    <div class="col-xs-3">
                        <i class="fa fa-shield fa-3x"></i>
                    </div>
                    <div class="col-xs-9 text-right">
                        <h2 class="font-bold">610</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row m-t-lg">

    </div>
    <div class="row">
        <div class="col-sm-6">
            <div class="ibox-content">
                <h2>任务列表</h2>
                <ul class="todo-list m-t">
                    <li>
                        <input type="checkbox" value="" name="" class="i-checks" />
                        <span class="m-l-xs">开会</span>
                        <small class="label label-primary"><i class="fa fa-clock-o"></i> 1小时</small>
                    </li>
                    <li>
                        <input type="checkbox" value="" name="" class="i-checks" checked/>
                        <span class="m-l-xs">项目开发</span>
                        <small class="label label-info"><i class="fa fa-clock-o"></i> 3小时</small>
                    </li>
                    <li>
                        <input type="checkbox" value="" name="" class="i-checks" />
                        <span class="m-l-xs">修改bug</span>
                        <small class="label label-warning"><i class="fa fa-clock-o"></i> 2小时</small>
                    </li>
                </ul>
            </div>
        </div>
        <div class="col-sm-6">
            <div class="ibox float-e-margins">
                <div class="ibox-content">
                    <h2>Mini版任务列表</h2>
                    <ul class="todo-list m-t small-list">
                        <li>
                            <a href="widgets.html#" class="check-link"><i class="fa fa-check-square"></i> </a>
                            <span class="m-l-xs todo-completed">开会</span>

                        </li>
                        <li>
                            <a href="widgets.html#" class="check-link"><i class="fa fa-check-square"></i> </a>
                            <span class="m-l-xs  todo-completed">项目开发</span>

                        </li>
                        <li>
                            <a href="widgets.html#" class="check-link"><i class="fa fa-square-o"></i> </a>
                            <span class="m-l-xs">修改bug</span>
                            <small class="label label-primary"><i class="fa fa-clock-o"></i> 1小时</small>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="row m-t-lg">
        <div class="col-sm-12">
            <div class="ibox-content">
                <h2>世界地图</h2>
                <small>中国地图或者省份地图可使用百度前端团队提供的echarts.js。<a href="graph_echarts.html">百度ECharts</a></small>
                <div id="world-map" style="height: 300px;"></div>
            </div>
        </div>
    </div>


    <!-- 尾款 -->
    <div id="modal-form-renwu" class="modal fade" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body">
                    <div class="row">
                        <div class="col-sm-12 b-r">
                            <h3 class="m-t-none m-b" style="text-align: center;">新建日历任务</h3>
                            <form role="form" action="{:url('admin/index/addTask')}" method="post">
                                <div class="form-group">
                                    <label class="col-sm-3 control-label">任务名称：</label>
                                    <div class="col-sm-9">
                                        <input type="name" placeholder="请输入任务名称" class="form-control" id="reaon" name="title">
                                        </div>
                                </div>
                                <div class="form-group" >
                                    <label class="col-sm-3 control-label">任务时间：</label>
                                    <div class="input-daterange input-group col-sm-9" id="datepicker">
                                        <input type="text" class="input-sm form-control" name="start_time" id="addtime" style="width: 92%;margin-left: 8%" value="" placeholder="任务开始时间"/>
                                        <span class="input-group-addon">到</span>
                                        <input type="text" class="input-sm form-control" name="end_time" id="endtime" value="" style="width: 93%" placeholder="任务结束时间"/>
                                    </div>
                                </div>
                                <div>
                                    <button class="btn btn-sm btn-primary pull-right m-t-n-xs" type="submit"><strong>提交</strong>
                                    </button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


</div>
<script src="__TMPL__/public/assets/js/jquery.min.js?v=2.1.4"></script>
<script src="__TMPL__/public/assets/js/jquery-ui-1.10.4.min.js"></script>
<script src="__TMPL__/public/assets/js/bootstrap.min.js?v=3.3.5"></script>
<script src="__TMPL__/public/assets/js/content.min.js?v=1.0.0"></script>
<script src="__TMPL__/public/assets/js/plugins/iCheck/icheck.min.js"></script>
<script src="__TMPL__/public/assets/js/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
<script src="__TMPL__/public/assets/js/plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
<script src="__TMPL__/public/assets/js/plugins/flot/jquery.flot.js"></script>
<script src="__TMPL__/public/assets/js/plugins/flot/jquery.flot.tooltip.min.js"></script>
<script src="__TMPL__/public/assets/js/plugins/flot/jquery.flot.resize.js"></script>
<script src="__TMPL__/public/assets/js/plugins/gritter/jquery.gritter.min.js"></script>
<script src="__TMPL__/public/assets/js/jquery-ui.custom.min.js"></script>

<script src="__TMPL__/public/assets/js/plugins/fullcalendar/fullcalendar.min.js"></script>
<script src="__TMPL__/public/assets/js/plugins/cropper/cropper.min.js"></script>
<script src="__TMPL__/public/assets/js/plugins/datapicker/bootstrap-datepicker.js"></script>

<script src="__STATIC__/js/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js"></script>

<script>
    $(document).ready(
        function(){


            setTimeout(function(){
                $.gritter.add(
                    {
                        title:"您有2条未读信息",
                        text:'请前往<a href="mailbox.html" class="text-warning">收件箱</a>查看今日任务',
                        time:500
                    })
            },200);

            var d1=[
                [1262304000000,6],
                [1264982400000,3057],
                [1267401600000,20434],
                [1270080000000,31982],
                [1272672000000,26602],
                [1275350400000,27826],
                [1277942400000,24302],
                [1280620800000,24237],
                [1283299200000,21004],
                [1285891200000,12144],
                [1288569600000,10577],
                [1291161600000,10295]
            ];
            var d2=[
                [1262304000000,5],
                [1264982400000,200],
                [1267401600000,1605],
                [1270080000000,6129],
                [1272672000000,11643],
                [1275350400000,19055],
                [1277942400000,30062],
                [1280620800000,39197],
                [1283299200000,37000],
                [1285891200000,27000],
                [1288569600000,21000],
                [1291161600000,17000]
            ];
            var data1=[
                {label:"Data 1",data:d1,color:"#17a084"},
                {label:"Data 2",data:d2,color:"#127e68"}
            ];
            $.plot($("#flot-chart1"),data1,{xaxis:{tickDecimals:0},series:{
                    lines:{
                        show:true,fill:true,fillColor:{
                            colors:[
                                {opacity:1},
                                {opacity:1}
                            ]
                        },
                    },points:{width:0.1,show:false},
                },grid:{show:false,borderWidth:0},
                legend:{show:false,}
            });
            var data2=[
                {label:"Data 1",data:d1,color:"#19a0a1"}
            ];
            $.plot($("#flot-chart2"),data2,{xaxis:{tickDecimals:0},series:{
                    lines:{
                        show:true,fill:true,fillColor:{
                            colors:[
                                {opacity:1},
                                {opacity:1}
                            ]
                        },
                    },points:{width:0.1,show:false},
                },grid:{show:false,borderWidth:0},
                legend:{show:false,}
            });
            var data3=[
                {label:"Data 1",data:d1,color:"#fbbe7b"},
                {label:"Data 2",data:d2,color:"#f8ac59"}];
            $.plot($("#flot-chart3"),data3,{xaxis:{tickDecimals:0},series:{
                    lines:{
                        show:true,fill:true,fillColor:{
                            colors:[
                                {opacity:1},
                                {opacity:1}
                            ]
                        },
                    },points:{width:0.1,show:false},
                },grid:{show:false,borderWidth:0},
                legend:{show:false,}
            });
            $(".i-checks").iCheck({checkboxClass:"icheckbox_square-green",radioClass:"iradio_square-green",});
            $(".todo-list").sortable({placeholder:"sort-highlight",handle:".handle",forcePlaceholderSize:true,zIndex:999999}).disableSelection();
            var mapData={"US":498,"SA":200,"CA":1300,"DE":220,"FR":540,"CN":120,"AU":760,"BR":550,"IN":200,"GB":120,"RU":2000};
            $("#world-map").vectorMap({
                    map:"world_mill_en",
                    backgroundColor:"transparent",
                    regionStyle:{
                        initial:{
                            fill:"#e4e4e4","fill-opacity":1,
                            stroke:"none","stroke-width":0,"stroke-opacity":0
                        }
                    },series:{
                        regions:[
                            {
                                values:mapData,
                                scale:["#1ab394","#22d6b1"],
                                normalizeFunction:"polynomial"
                            }
                        ]
                    },
                })


            var b=new Date();
            var c=b.getDate();
            var a=b.getMonth();
            var e=b.getFullYear();
            $("#calendar").fullCalendar({
                    header:{
                        left:"prev,next",
                        center:"title",
                        right:"month,agendaWeek,agendaDay"
                    },
                    editable:true,
                    businessHours: true,
                    droppable:true,
                    selectable: true,
                    selectHelper: true,
                    drop:function(g,h){
                        var f=$(this).data("eventObject");
                        var d=$.extend({},f);
                        d.start=g;
                        d.allDay=h;
                        $("#calendar").fullCalendar("renderEvent",d,true);
                        if($("#drop-remove").is(":checked")){$(this).remove()
                        }
                    },

                    events:'{:url("admin/main/taskString")}',
                    eventClick: function(calEvent, jsEvent, view) {
                        swal({
                            title: "确定要删除任务吗?",
                            text: "确认后该任务将会被删除!",
                            type: "warning",
                            showCancelButton: true,
                            confirmButtonText: "确认",
                            cancelButtonText: '取消',
                            closeOnConfirm: false
                        }, function(){
                            $.post('{:url("deleteTask")}', {id: calEvent.id}, function(data) {
                                 if(data.sta == 1){
                                    swal({
                                        title: "删除成功",
                                        text: "",
                                        type: "success"
                                    });
                                    window.location.reload();
                                }
                            });
                        });

                    }

                }
            );
            $('#addtime').datetimepicker({
                language: 'zh-CN',
                format: 'yyyy-mm-dd hh:ii:ss',
                todayBtn:'linked',
                weekStart: 1,
                todayHighlight:true,
                initialDate:new Date(),
            });

            $('#endtime').datetimepicker({
                language: 'zh-CN',
                format: 'yyyy-mm-dd hh:ii:ss',
                todayBtn:'linked',
                todayHighlight:true,
                initialDate:new Date(),
            });

        });
</script>
<script type="text/javascript" src="http://tajs.qq.com/stats?sId=9051096" charset="UTF-8"></script>
</body>

</html>